<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <header id="top">
    <div class="container">
      <div class="left">
        <a href="#" target="_blank" class="logo"><img src="./images/logo.png" alt=""></a>
        <span>
          <img src="./images/1.jpg" alt="">
          <a href="#" target="_blank"><img src="./images/2.jpg" alt=""></a>
        </span>
      </div>
      <div class="right">
        <h3 class="text1"><a href="#" target="_blank">成长守护平台</a></h3>
        <h3 class="text2">
          <span>腾讯游戏排行榜</span>
          <iframe src="https://game.gtimg.cn/images/js/title/title_game_rank.html?rd=0.54856264551371" frameborder="0"></iframe>
        </h3>
      </div>
    </div>
  </header>

  <nav id="nav">
    <div class="nav1">
      <div class="title">
        <a href="#" target="_blank"><img src="./images/tit_logo.png" alt=""></a>
        <h1>和平精英<span>全球玩家的竞技冒险世界</span></h1>
      </div>
      <ul>
          <li><a href="#">官网首页</a></li>
          <li><a href="#">版本专区</a></li>
          <li><a href="#">游戏资料</a></li>
          <li><a href="#">赛事专区</a></li>
          <li><a href="#">安全中心</a></li>
          <li><a href="#">自助工具</a></li>
          <li><a href="#">社区论坛</a></li>
          <li><a href="#">下载游戏</a></li>
      </ul>
      <div class="login">
        <span></span>
        <p>特种兵，请<span>登录</span></p>
      </div>
    </div>
    <div class="nav2">
      <ul>
        <li>
          <ul>
            <li class="new"><a href="#" target="_blank">最新版本</a></li>
            <li class="new"><a href="#" target="_blank">最新赛季</a></li>
            <li><a href="#" target="_blank">版本中心</a></li>
            <li><a href="#" target="_blank">体验服</a></li>
            <li class="new"><a href="#" target="_blank">皮肤宝库</a></li>
            <li class="new"><a href="#" target="_blank">绿洲启元</a></li>
          </ul>
        </li>
        <li>
          <ul>
            <li><a href="#" target="_blank">新闻资讯</a></li>
            <li><a href="#" target="_blank">攻略中心</a></li>
            <li><a href="#" target="_blank">视频中心</a></li>
            <li class="hot"><a href="#" target="_blank">武器库</a></li>
            <li class="hot"><a href="#" target="_blank">大神灵敏度</a></li>
          </ul>
        </li>
        <li>
          <ul>
            <li><a href="#" target="_blank">赛事中心</a></li>
            <li><a href="#" target="_blank">PEN赛事</a></li>
            <li><a href="#" target="_blank">娱乐综艺</a></li>
            <li class="hot"><a href="#" target="_blank">大众赛</a></li>
            <li class="hot"><a href="#" target="_blank">巅峰赛</a></li>
            <li class="hot"><a href="#" target="_blank">授权赛</a></li>
          </ul>
        </li>
        <li>
          <ul>
            <li class="hot"><a href="#" target="_blank">安全反外挂站</a></li>
            <li><a href="#" target="_blank">视频巡查</a></li>
            <li><a href="#" target="_blank">成长守护平台</a></li>
            <li><a href="#" target="_blank">腾讯游戏防沉迷</a></li>
          </ul>
        </li>
        <li>
          <ul>
            <li><a href="#" target="_blank">CDK兑换</a></li>
            <li><a href="#" target="_blank">客服专区</a></li>
            <li class="hot"><a href="#" target="_blank">举报查询</a></li>
            <li><a href="#" target="_blank">作者入驻</a></li>
          </ul>
        </li>
        <li>
          <ul class="contact">
            <li><a href="javascript:;">官方公众号</a><span><img src="./images/code3.png" alt=""></span></li>
            <li><a href="javascript:;">微信用户社区</a><span><img src="./images/code2.png" alt=""></span></li>
            <li><a href="javascript:;">QQ用户社区</a><span><img src="./images/code1.png" alt=""></span></li>
            <li><a href="javascript:;">官方微博</a><span><img src="./images/code4.png" alt=""></span></li>
          </ul>
        </li>
      </ul>
    </div>
  </nav>

  <!-- <div id="loginBox" class="dialog show">
    <div class="wrap">
      <h3>登录</h3>
      <div class="btn">
        <a href="#" target="_blank">QQ登录</a>
        <a href="#" target="_blank">微信登录</a>
      </div>
      <button class="close"></button>
    </div>
  </div> -->

  <div id="bg1"></div>
  <div id="banner">
    <div class="container">
      <button class="tip">适龄提示</button>
      <div class="top">
        <div class="down">
          <h3>扫码下载游戏</h3>
          <a href="#" target="_blank">App Store</a>
          <a href="#" target="_blank">安卓下载</a>
          <img src="./images/downqrcode.webp" alt="">
        </div>
        <div class="carousel">
          <ul class="carouselInner">
            <li><a href="#"><img src="./images/swiper1.jpeg" alt=""></a></li>
            <li><a href="#"><img src="./images/swiper2.jpeg" alt=""></a></li>
          </ul>
          <div class="carouselIndicators">
            <span class="active"></span>
            <span></span>
          </div>
        </div>
        <div class="news">
          <ul class="tab">
            <li class="active">最新</li>
            <li>新闻</li>
            <li>公告</li>
            <li>活动</li>
            <li>赛事</li>
            <li class="more"><a href="#" target="_blank"></a></li>
          </ul>
          <ul class="tabContent active">
            <li><a href="#" target="_blank">关于国庆节假期未成年人游戏限玩的通知</a></li>
            <li><span>最新</span><a href="#" target="_blank">15支战队整装待发，2021 PEL S3赛季总决赛今晚与你相约~</a><i>09-30</i></li>
            <li><span>最新</span><a href="#" target="_blank">和平精英×Wooderful life联名蓝牙播放器，开启和平光影工厂的奇妙冒险</a><i>09-30</i></li>
            <li><span>最新</span><a href="#" target="_blank">和平精英携手《我和我的父辈》一同致敬我们的父辈</a><i>09-30</i></li>
            <li><span>最新</span><a href="#" target="_blank">【快手直播】PEL联赛第五周落幕</a><i>09-30</i></li>
            <li><span>最新</span><a href="#" target="_blank">和平精英躲猫猫玩法来袭！ 搜寻隐匿小技巧，尽在看点解说~</a><i>09-30</i></li>
          </ul>
        </div>
      </div>
      <div class="bottom">
        <a href="#" target="_blank"><img src="./images/ad1.png" alt=""></a>
        <a href="#" target="_blank"><img src="./images/ad2.png" alt=""></a>
        <a href="#" target="_blank"><img src="./images/ad3.png" alt=""></a>
        <a href="#" target="_blank"><img src="./images/ad4.png" alt=""></a>
      </div>
    </div>
  </div>

  <div id="yearBox" class="dialog show">
    <div class="wrap">
      <h3>适龄提示</h3>
      <div class="scroll">
        <div class="scrollContent">
          <h4>提示说明:</h4>
          <p>1、本游戏是一款玩法复杂的射击类游戏，适用于年满16周岁及以上的用户，建议未成年人在家长监护下使用游戏产品。</p>
          <p>2、本游戏背景为特种兵训练，画面风格写实、人物和场景丰富多样，有丰富的音效来烘托游戏氛围。游戏主要玩法为需要多人进行的团队竞技，玩法基于较复杂的思维判断和操作，对玩家的逻辑思维和团队协作能力有一定要求，鼓励玩家在训练中不断提升和挑战自我。游戏中有基于语音和文字的陌生人社交系统，但社交系统的管理遵循相关法律法规。</p>
          <p>3、根据国家相关要求，游戏中有用户实名认证系统，未通过实名认证的用户不可进入游戏；认证为未成年人的用户除周五、周六、周日及法定节假日每日20时至21时外其他时间均不可进入游戏。
            游戏中部分玩法和道具需要付费。根据腾讯健康系统管理规定，认证为未成年人的用户将接受以下管理：<br>
            未满12周岁的用户不能付费；<br>
            12周岁以上未满16周岁的未成年人用户，单次充值金额不得超过50元人民币，每月充值金额累计不得超过200元人民币；<br>
            16周岁以上的未成年人用户，单次充值金额不得超过100元人民币，每月充值金额累计不得超过400元人民币。</p>
          <p>4、游戏在3D场景中的竞技和操作训练有助于锻炼玩家的手眼协调能力、空间感知能力和快速反应能力，基于团队的玩法可以提升玩家的沟通能力、团队协作能力和大局观，鼓励玩家互帮互助，维持良好的社群关系。</p>
          </div>
        <div class="scrollBar">
          <span></span>
        </div>
      </div>
      <button class="close"></button>
    </div>
  </div>

  <div id="section2" class="box">
    <div class="left">
      <header class="publicHead">
        <h3>精英爆料</h3>
        <ul class="tab">
          <li class="active">新玩法/模式</li>
          <li>新武器/皮肤</li>
          <li>新地图</li>
          <li>新载具</li>
          <li class="more"><a href="#" target="_blank">前往资料站></a></li>
        </ul>
      </header>
      <div class="tabContent carousel mode">
        <ul class="carouselInner">
          <li><img src="./images/16316058467003.jpg" alt=""></li>
          <li><img src="./images/16316058467003.jpg" alt=""></li>
        </ul>
        <div class="carouselIndicators">
          <span class="active"></span>
          <span></span>
        </div>
      </div>
      <div class="tabContent arms">
          <div class="text">
            <h4>M416</h4>
            <p class="name">
              <span>突击步枪</span>
              <span>口径：5.56mm</span>
            </p>
            <p class="intro">拥有单发和全自动两种模式。后坐力低，容易操控，精准而稳定，综合性能优异，缺点是射速不如其他使用5.56mm子弹的步枪。</p>
          </div>
          <div class="parts">
            <li>
              <img src="./images/xyq.png" alt="">
              <p>消音器</p>
            </li>
            <li>
              <img src="./images/czwb.png" alt="">
              <p>垂直握把</p>
            </li>
            <li>
              <img src="./images/twobj.png" alt="">
              <p>二倍镜</p>
            </li>
            <li>
              <img src="./images/kskr.png" alt="">
              <p>快速扩容</p>
            </li>
          </div>
          <div class="skin active">
            <div class="btn">
              <span><img src="./images/pifu.png" alt=""></span>
              <p>皮肤</p>
            </div>
            <ul>
              <li class="active">
                <img src="./images/mhhj.png" alt="">
                <span>梦幻火箭</span>
              </li>
              <li>
                <img src="./images/cnhk.png" alt="">
                <span>春暖花开</span>
              </li>
            </ul>
          </div>
          <div class="bigArms">
            <img src="./images/bigm416.png" alt="">
          </div>
          <div class="smallArms">
            <div class="btn pre"></div>
            <div class=" move">
              <ul>
                <li class="active">
                  <span><img src="./images/m416.png" alt=""></span>
                  <p>M416</p>
                </li>
                <li>
                  <span><img src="./images/m416.png" alt=""></span>
                  <p>M416</p>
                </li>
                <li>
                  <span><img src="./images/m416.png" alt=""></span>
                  <p>M416</p>
                </li>
                <li>
                  <span><img src="./images/m416.png" alt=""></span>
                  <p>M416</p>
                </li>
                <li>
                  <span><img src="./images/m416.png" alt=""></span>
                  <p>M416</p>
                </li>
                <li>
                  <span><img src="./images/m416.png" alt=""></span>
                  <p>M416</p>
                </li>
                <li>
                  <span><img src="./images/m416.png" alt=""></span>
                  <p>M416</p>
                </li>
                <li>
                  <span><img src="./images/m416.png" alt=""></span>
                  <p>M416</p>
                </li>
              </ul>
            </div>
            <div class="btn next"></div>
          </div>
      </div>
      <div class="tabContent newMap">
        <div>
          <img class="active" src="./images/ykzx.jpg" alt="">
          <img src="./images/zyzl.jpg" alt="">
          <img src="./images/gyjc.jpg" alt="">
          <img src="./images/ymdk.jpg" alt="">
        </div>
        <ul>
          <li class="active">
            <img src="./images/ykzx.jpg" alt="">
            <p>游客中心</p>
          </li>
          <li>
            <img src="./images/zyzl.jpg" alt="">
            <p>中央展览馆</p>
          </li>
          <li>
            <img src="./images/gyjc.jpg" alt="">
            <p>光影剧场</p>
          </li>
          <li>
            <img src="./images/ymdk.jpg" alt="">
            <p>影迷打卡墙</p>
          </li>
        </ul>
      </div>
      <div class="tabContent active vehicle">
        <ul>
          <li><img src="./images/vehicle.jpg" alt=""></li>
        </ul>
      </div>
    </div>

    <div class="right">
      <header class="publicHead">
        <h3>活动中心</h3>
        <ul class="tab">
          <li class="active">活动日历</li>
          <li>福利资讯</li>
        </ul>
      </header>
      <div class="tabContent calendar">
        <h4 class="date">2021年 10月</h4>
        <ul class="week">
          <li>一</li>
          <li>二</li>
          <li>三</li>
          <li>四</li>
          <li>五</li>
          <li>六</li>
          <li>日</li>
        </ul>
        <ul class="day">
          <div class="btn prev"></div>
            <ul>
              <li>1</li>
              <li class="activity">2</li>
              <li class="activity active">3</li>
              <li>4</li>
              <li>5</li>
              <li>6</li>
              <li>7</li>
            </ul>
            <div class="btn next"></div>
        </ul>
        <div class="scroll noActivity">
          <div class="scrollContent">
            <div class="award">
              <h4>返15倍福利</h4>
              <p>活动时间：<span>8月25日-9月20日</span></p>
              <p>活动奖励：</p>
              <ul>
                <li>
                  <span><img src="./images/jl1.png" alt=""></span>
                  <span>荣耀勋章</span>
                </li>
                <li>
                  <span><img src="./images/jl2.png" alt=""></span>
                  <span>物资币</span>
                </li>
                <li>
                  <span><img src="./images/jl3.png" alt=""></span>
                  <span>赛季手册积分</span>
                </li>
                <li>
                  <span><img src="./images/jl4.png" alt=""></span>
                  <span>服饰币</span>
                </li>
              </ul>
              <div class="zb"><span>重磅</span></div>
            </div>
          </div>
          <div class="scrollBar"><span></span></div>
        </div>
      </div>
        <div class="tabContent active info">
          <h4>活动福利一览</h4>
          <ul>
            <li><a href="">全新玩法躲猫猫来袭，上小红书参与活动赢现金壕礼</a><span>09-29</span></li>
            <li><a href="">躲猫猫蛇皮走位趣味多，来爱奇艺瓜分万元Q币！</a><span>09-29</span></li>
            <li><a href="">蛇皮走位趣味多，上快手记录躲猫猫欢乐时刻赢壕礼</a><span>09-29</span></li>
            <li><a href="">和平精英躲猫猫玩法来袭！ 搜寻隐匿小技巧，尽在看点解说~</a><span>09-29</span></li>
            <li><a href="">和平精英躲猫猫玩法闪亮登场！万元现金大奖等你来拿！</a><span>09-29</span></li>
            <li><a href="">全新玩法躲猫猫大作战来袭，完成应用宝专属任务拿大奖</a><span>09-29</span></li>
          </ul>
          <div class="btn">
            <button class="disable">上一页</button>
            <button>下一页</button>
          </div>
        </div>
    </div>
  </div>

  <div id="section3" class="box">
    <div class="movie">
      <header class="publicHead">
        <h3>视频中心</h3>
        <ul class="tab">
          <li class="active">官方视频</li>
          <li>人气主播</li>
          <li>进阶教学</li>
          <li>赛事专栏</li>
          <li class="more"><a href="#" target="_blank"></a></li>
        </ul>
      </header>
      <ul class="tabContent active">
          <li>
            <a href="#" target="_blank"><img src="./images/0.jpg" alt=""></a>
            <a href="#" target="_blank">#和平精英#×这就是灌篮4 热血来袭</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="./images/0 (1).jpg" alt=""></a>
            <a href="#" target="_blank">和平精英×Wooderful life联名蓝牙播放器，开启和平光影工厂的奇妙冒险</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="./images/0 (2).jpg" alt=""></a>
            <a href="#" target="_blank">和平精英 x 《我和我的父辈》，献给我们最爱的父母~</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="./images/0 (3).jpg" alt=""></a>
            <a href="#" target="_blank">神秘战车强势助攻伞兵 一起快乐进圈</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="./images/0 (4).jpg" alt=""></a>
            <a href="#" target="_blank">和平精英王一博空投时刻 ChinaJoy现场精彩回顾</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="./images/下载.jpg" alt=""></a>
            <a href="#" target="_blank">2021和平精英年度皮肤大秀</a>
          </li>
      </ul>
      <ul class="tabContent"></ul>
      <ul class="tabContent"></ul>
      <ul class="tabContent"></ul>
    </div>
    <div class="rank">
      <header>
        <h3>热门排行</h3>
        <ul>
          <li class="active">日</li>/
          <li>周</li>/
          <li>月</li>
        </ul>
      </header>
        <ol>
          <li class="first">
            <a href="#" target="_blank"><img src="./images/rank.jpg" alt=""></a>
            <div>
              <a href="#" target="_blank">新版本更新内容全面介绍！坐挂车和玩内鬼骂人，都会被封号？</a>
              <p><span>我是蛋某人</span><span>2.6万</span></p>
            </div>
          </li>
          <li>
            <span><a href="#" target="_blank">巡查系统又更新了你们知道吗？</a></span>
            <i>3.3万</i>
          </li>
          <li>
            <span><a href="#" target="_blank">巡查系统又更新了你们知道吗？</a></span>
            <i>3.3万</i>
          </li>
          <li>
            <span><a href="#" target="_blank">巡查系统又更新了你们知道吗？</a></span>
            <i>3.3万</i>
          </li>
          <li>
            <span><a href="#" target="_blank">巡查系统又更新了你们知道吗？</a></span>
            <i>3.3万</i>
          </li>
          <li>
            <span><a href="#" target="_blank">巡查系统又更新了你们知道吗？</a></span>
            <i>3.3万</i>
          </li>
        </ol>
        <button>查看更多</button>
    </div>
  </div>

  <div id="section4" class="box">
    <div class="se4-left">
      <header class="publicHead active">
        <h3>攻略中心</h3>
        <ul class="tab">
          <li class="active">最新攻略</li>
          <li>攻楼技巧</li>
          <li>游戏设置</li>
          <li class="more"><a href="#" target="_blank"></a></li>
        </ul>
      </header>
      <ul class="tabContent active">
        <li >
          <a href="#" target="_blank">
            <div class="imgWrap"><img src="./images/gl1.png" alt=""></div>
            <div class="tbox">
              <p class="sti1">绿洲启元-和平运动会上线！竞技争第一，一起来闯关！</p>
              <span class="ito1">阅读量  <i>839617</i></span>
              <span class="ito2">07-28</span>
            </div>
          </a>
        </li>
        <li>
          <a href="#" target="_blank">
            <div class="imgWrap"><img src="./images/gl2.png" alt=""></div>
            <div class="tbox">
              <p class="sti1">绿洲启元-和平运动会上线！竞技争第一，一起来闯关！</p>
              <span class="ito1">阅读量  <i>839617</i></span>
              <span class="ito2">07-28</span>
            </div>
          </a>
        </li>
        <li>
          <a href="#" target="_blank">
            <div class="imgWrap"><img src="./images/gl3.png" alt=""></div>
            <div class="tbox">
              <p class="sti1">绿洲启元-和平运动会上线！竞技争第一，一起来闯关！</p>
              <span class="ito1">阅读量  <i>839617</i></span>
              <span class="ito2">07-28</span>
            </div>
          </a>
        </li>
        <li>
          <a href="#" target="_blank">
            <div class="imgWrap"><img src="./images/gl4.png" alt=""></div>
            <div class="tbox">
              <p class="sti1">绿洲启元-和平运动会上线！竞技争第一，一起来闯关！</p>
              <span class="ito1">阅读量  <i>839617</i></span>
              <span class="ito2">07-28</span>
            </div>
          </a>
        </li>
    </ul>
    </div>
    <div class="se4-right">
      <header class="publicHead active">
        <h3>精品栏目</h3>
        <ul class="tab">
          <li class="active">官方漫画</li>
          <li>燃烧吧大局观</li>
          <li>盒子有话说</li>
          <li>快来扶我</li>
          <li class="more"><a href="#" target="_blank"></a></li>
        </ul>
      </header>
      <ul class="tabContent active">
        <li >
          <a href="#" target="_blank">
            <div class="imgWrap"><img src="./images/gl1.png" alt=""></div>
            <div class="tbox">
              <p class="sti1">绿洲启元-和平运动会上线！竞技争第一，一起来闯关！</p>
              <span class="ito1">阅读量  <i>839617</i></span>
              <span class="ito2">07-28</span>
            </div>
          </a>
        </li>
        <li>
          <a href="#" target="_blank">
            <div class="imgWrap"><img src="./images/gl2.png" alt=""></div>
            <div class="tbox">
              <p class="sti1">绿洲启元-和平运动会上线！竞技争第一，一起来闯关！</p>
              <span class="ito1">阅读量  <i>839617</i></span>
              <span class="ito2">07-28</span>
            </div>
          </a>
        </li>
        <li>
          <a href="#" target="_blank">
            <div class="imgWrap"><img src="./images/gl3.png" alt=""></div>
            <div class="tbox">
              <p class="sti1">绿洲启元-和平运动会上线！竞技争第一，一起来闯关！</p>
              <span class="ito1">阅读量  <i>839617</i></span>
              <span class="ito2">07-28</span>
            </div>
          </a>
        </li>
        <li>
          <a href="#" target="_blank">
            <div class="imgWrap"><img src="./images/gl4.png" alt=""></div>
            <div class="tbox">
              <p class="sti1">绿洲启元-和平运动会上线！竞技争第一，一起来闯关！</p>
              <span class="ito1">阅读量  <i>839617</i></span>
              <span class="ito2">07-28</span>
            </div>
          </a>
        </li>
        <li>
          <a href="#" target="_blank">
            <div class="imgWrap"><img src="./images/gl4.png" alt=""></div>
            <div class="tbox">
              <p class="sti1">绿洲启元-和平运动会上线！竞技争第一，一起来闯关！</p>
              <span class="ito1">阅读量  <i>839617</i></span>
              <span class="ito2">07-28</span>
            </div>
          </a>
        </li>
        <li>
          <a href="#" target="_blank">
            <div class="imgWrap"><img src="./images/gl4.png" alt=""></div>
            <div class="tbox">
              <p class="sti1">绿洲启元-和平运动会上线！竞技争第一，一起来闯关！</p>
              <span class="ito1">阅读量  <i>839617</i></span>
              <span class="ito2">07-28</span>
            </div>
          </a>
        </li>
    </ul>
    <ul class="tabContent"></ul>
    <ul class="tabContent"></ul>
    <ul class="tabContent"></ul>
    </div>
  </div>
 
  <div class="bg">
    <div id="section5">
      <header class="publicHead">
        <h3>和平人气主播</h3>
        <ul>
          <li class="more"><a href="#" target="_blank"></a></li>
        </ul>
      </header>
      <div class="bottom">
        <ul>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
          <li>
            <a href="#" target="_blank">
              <div class="wrap"><img src="./images/shayu.png" alt=""></div>
              <span>鲨鱼</span>
            </a>
          </li>
        </ul>
       </div>
    
  </div>
  </div>

  <div class="box">
    <div id="section6">
      <h3>游戏特色</h3>
      <div class="carousel">
        <div class="btn prev"></div>
        <ul class="carouselInner">
          <li><img src="./images/ts1.jpg" alt=""></li>
          <li><img src="./images/ts1.jpg" alt=""></li>
          <li><img src="./images/ts1.jpg" alt=""></li>
          <li><img src="./images/ts1.jpg" alt=""></li>
          <li><img src="./images/ts1.jpg" alt=""></li>
          <li><img src="./images/ts1.jpg" alt=""></li>
        </ul>
        <div class="btn next"></div>
      </div>
  </div>
  </div>

  <div class="footer">
    <ul class="footerCode">
      <li>
        <i>官方公众号</i>
        <p>官方公众号</p>
        <div class="footerBg">
          <img src="./images/code2.png" alt="" width="174" height="174">
        </div>
      </li>
      <li>
        <i>官方公众号</i>
        <p>官方公众号</p>
        <div class="footerBg">
          <img src="" alt="" width="174" height="174">
        </div>
      </li>
      <li>
        <i>官方公众号</i>
        <p>官方公众号</p>
        <div class="footerBg">
          <img src="" alt="" width="174" height="174">
        </div>
      </li>
      <li>
        <i>官方公众号</i>
        <p>官方公众号</p>
        <div class="footerBg">
          <img src="" alt="" width="174" height="174">
        </div>
      </li>
      <li>
        <i>官方公众号</i>
        <p>官方公众号</p>
        <div class="footerBg">
          <img src="" alt="" width="174" height="174">
        </div>
      </li>
      <li>
        <i>官方公众号</i>
        <p>官方公众号</p>
        <div class="footerBg">
          <img src="" alt="" width="174" height="174">
        </div>
      </li>
      <li>
        <i>官方公众号</i>
        <p>官方公众号</p>
        <div class="footerBg">
          <img src="" alt="" width="174" height="174">
        </div>
      </li>
      <li>
        <i>官方公众号</i>
        <p>官方公众号</p>
        <div class="footerBg">
          <img src="" alt="" width="174" height="174">
        </div>
      </li>
      <li>
        <i>官方公众号</i>
        <p>官方公众号</p>
        <div class="footerBg">
          <img src="" alt="" width="174" height="174">
        </div>
      </li>
      <li>
        <i>官方公众号</i>
        <p>官方公众号</p>
        <div class="footerBg">
          <img src="" alt="" width="174" height="174">
        </div>
      </li>
    </ul>
  </div>

  <div class="footerBox">
    <div class="footerBox-g">
      <div class="footerPad">
        <div class="left">
          <div class="top">
            <a href="#" target="_blank">腾讯互动娱乐</a>
            <a href="#" target="_blank"><img src="./images/foot-logo3.png" alt=""></a>
          </div>
          <div class="bottom">
            <p>
              <em>抵制不良游戏</em>
              <em>拒绝盗版游戏</em>
              <em>注意自我保护</em>
              <em>谨防受骗上当</em>
              <em>适度游戏益脑</em>
              <em>沉迷游戏伤身</em>
              <em>合理安排时间</em>
              <em>享受健康生活</em>
            </p>
          </div>
        </div>
        <div class="right">
          <ul>
            <li>
              <a href="#" target="_blank">腾讯互动娱乐</a>
              <span>|</span>
              <a href="#" target="_blank">服务条款</a>
              <span>|</span>
              <a href="#" target="_blank">隐私保护指引</a>
              <span>|</span>
              <a href="#" target="_blank">儿童隐私保护指引</a>
              <span>|</span>
              <a href="#" target="_blank">腾讯游戏招聘</a>
              <span>|</span>
              <a href="#" target="_blank">腾讯游戏客服</a>
              <span>|</span>
              <a href="#" target="_blank">游戏列表</a>
              <span>|</span>
              <a href="#" target="_blank">广告服务及商务合作</a>
            </li>
            <li>
              <a href="#" target="_blank">腾讯公司版权所有</a>
            </li>
            <li>
              <p>COPYRIGHT © 1998 - 2021 TENCENT. ALL RIGHTS RESERVED.</p>
            </li>
            <li>
              <a href="#" target="_blank"><img src="./images/gswj.png" alt=""> 工商网监电子标识 </a>
              <span>|</span>
              <a href="#" target="_blank">粤网文[2020]3396-195号</a>
              <span>|</span>
              <a href="#" target="_blank">（署）网出证（粤）字第054号</a>
            </li>
            <li>
              国新出审[2019]1394号
              <span>|</span>
              ISBN 978-7-498-06474-5
              <span>|</span>
              全国文化市场统一举报电话：12318
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>
</html>